.blank{height: 600px;} /* banner閫氱敤 */ #banner{width:100%; height:600px; position:fixed; z-index:1; left:0; top:0; background: #000;} #banner .wrap{position: absolute; left: 50%; top: 58%; margin-left: -600px;} #banner .wrap .en{font-size: 7.2rem; color: #fff; font-family: Arial; text-transform: uppercase;} #banner .wrap .cn{font-size: 6rem; color: #fff; margin-top: 18px;} @media (max-width:1199px){ .blank{height: 0; padding-bottom: 100%;} #banner{height: 0; padding-bottom: 100%;} #banner .full-bg{width: 100%; position: absolute;} #banner .wrap{left: 0; margin-left: 0;} #banner .wrap .en{font-size: 3.2rem;} #banner .wrap .cn{font-size: 2.6rem; margin-top: 10px;} } /* 浜岀骇鏍忕洰閫氱敤 */ .catalog{display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 50px;} .catalog>a{display: block; width: 33.3333333%; height: 80px; line-height: 80px; color: #323232; font-size: 2.4rem; text-align: center; position: relative;} .catalog>a:hover{color: #0076ce;} .catalog>a.active{color: #0076ce;} .catalog>a.active:after{content: ''; display: block; height: 2px; background: #0076ce; width: 100%; position: absolute; left: 0; bottom: 0;} @media (max-width:1199px){ .catalog{padding-top: 30px;} .catalog>a{width: 33.3333333%; height: 50px; line-height: 50px; color: #323232; font-size: 1.6rem;} }